<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <!--页面字符集-->
    <meta charset="UTF-8">
    <!--建议使用最高版本的ie浏览器，使用chrome模式-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="renderer"content="webkit">
    <meta name="keyword"content="九江学院,心理咨询中心">
    <meta name="description"content="九江学院心理咨询中心，给每一位大学生提供心理健康服务">
    <meta name="author" content="钟明圳">
    <meta name="copyright" content="九江学院心理咨询中心">
    <meta name="robots" content="follow,index">
    <!--页面标题-->
    <title>九江学院心理健康咨询中心</title>
    <!--CSS Reset风格文件-->
    <link rel="stylesheet" href="css/normalize.css">
    <!--页面风格文件-->
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="wrapper">
    <!--页面头部-->
    <div class="header">
        <div class="title_first">
        </div>
        <div class="label_header">
            <a href="#"><span class="home">设为首页</span></a>
            &emsp;
            <span class="cut">|</span>
            &emsp;
            <a href="#"><span class="collect">加入收藏</span></a>
        </div>
        <div class="title"><h1><img src="./image/logo.jpg" alt="心理咨询中心"></h1>
            <div class="box">
                <input type="text" name="search" class="search_in">&emsp;
                <input type="button" class="search">
                <!--<div class="search_button"><img src="./image/links/7.gif" alt="搜索"></div>-->
            </div>
        </div>
        <div class="title1"><h1><img src="./image/menu_title.png" alt="头部图片"></h1></div>
        <div class="nav">
            <ul class="menu">
                <li class="no_fgf"><a href="#">首页</a></li>
                <li><a href="#">中心概况</a>
                    <ul class="submenu">
                        <li><a href="#">咨询处简介</a></li>
                        <li><a href="#">咨询师简介</a></li>
                    </ul>
                </li>
                <li><a href="#">心闻视野</a></li>
                <li><a href="#">心理空间</a>
                    <ul class="submenu">
                        <li><a href="#">新生适应</a></li>
                        <li><a href="#">人际交往</a></li>
                        <li><a href="#">情感困惑</a></li>
                        <li><a href="#">学习问题</a></li>
                        <li><a href="#">职业规划</a></li>
                        <li><a href="#">危机干预</a></li>
                    </ul>
                </li>
                <li><a href="#">心理测试</a>
                    <ul class="submenu">
                        <li><a href="#">量表介绍</a></li>
                        <li><a href="#">趣味测试</a></li>
                    </ul>
                </li>
                <li><a href="#">心理协会</a>
                    <ul class="submenu">
                        <li><a href="#">心协简介</a></li>
                        <li><a href="#">心协活动</a></li>
                    </ul>
                </li>
                <li><a href="#">心灵鸡汤</a>
                    <ul class="submenu">
                        <li><a href="#">名家流派</a></li>
                        <li><a href="#">心理词典</a></li>
                        <li><a href="#">心理书架</a></li>
                        <li><a href="#">趣味图片</a></li>
                        <li><a href="#">影音推荐</a></li>
                    </ul>
                </li>
                <li><a href="#">心情留言</a></li>
                <li><a href="#">用户注册</a></li>
            </ul>
        </div>
    </div>
    <!--页面主体-->
    <div class="main">
        <div class="content">
            <!--右边栏-->
            <div class="content_right">
                <!--通知公告-->
                <div class="news_notice">
                    <div class="clear"></div>
                    <div class="news_title">
                        <span class="block title_center">通知公告</span>
                        <div class="more"><a href="#">更多</a></div>


                    </div>

                    <div class="news_content left_border right_border">
                        <ul>
                            <li><a href="#">紧急通知</a><span class="time">2018/04/04</span></li>
                            <li><a href="#">关于举办九江学院</a><span class="time">2018/04/04</span></li>
                            <li><a href="#">关于报送2017级班</a><span class="time">2018/03/14</span></li>
                            <li><a href="#">关于本学期开展心</a><span class="time">2018/04/01</span></li>
                            <li><a href="#">关于本学期开展心</a><span class="time">2018/04/04</span></li>
                            <li><a href="#">关于本学期开展心</a><span class="time">2018/04/04</span></li>
                            <li><a href="#">关于本学期开展心</a><span class="time">2018/04/04</span></li>
                            <li><a href="#">关于本学期开展心</a><span class="time">2018/04/04</span></li>
                            <li><a href="#">关于报送2016级班</a><span class="time">2017/04/04</span></li>
                            <li><a href="#">关于本学期开展心</a><span class="time">2017/02/04</span></li>
                        </ul>
                    </div>
                </div>
                <!--心灵鸡汤-->
                <div class="news_heart">
                    <div class="clear"></div>
                    <div class="news_title">
                        <span class="block title_center">心灵鸡汤</span>
                        <div class="more"><a href="#">更多</a></div>
                    </div>
                    <div class="news_content left_border right_border">
                        <ul>
                            <li><a href="#">青春修炼手册</a></li>
                            <li><a href="#">梦杨帆，心起航</a></li>
                            <li><a href="#">海洋天堂</a></li>
                            <li><a href="#">盗梦空间</a></li>
                            <li><a href="#">主题统觉测试</a></li>
                            <li><a href="#">心理学中视错觉图片</a></li>
                            <li><a href="#">青春修炼手册</a></li>
                        </ul>
                    </div>
                </div>
                    <!--快速通道-->
                    <div class="quick_menu">
                        <div class="clear"></div>
                        <div class="news_title">
                            <span class="block title_center">快捷通道</span>
                            <div class="more"><a href="#">更多</a></div>
                        </div>
                        <div class="news_content ">
                            <ul>
                                <li><img src="./image/quick_3.jpg" alt="心理微博"></li>
                                <li><img src="./image/quick_2.png" alt="表格下载"></li>
                                <li><img src="./image/quick_1.png" alt="电子邮件"></li>

                            </ul>

                        </div>
                    </div>
            </div>
            <!--左边内容区域-->
            <div class="content_left">
                <!--左侧照片区域-->
                <div class="news_photo">
                    <ul>
                        <li class="first"><a href="" title="我校举行第十届校园心理剧大赛决赛暨“心理健康文化节”颁奖晚会" data-image="image/photo3.jpg" data-url="" onclick="clickShowPic(this);return false;">1</a></li>
                        <li><a href="" title="我校第九届校园心理剧大赛决赛顺利举行" data-image="image/photo4.jpg" data-url="" onclick="clickShowPic(this);return false;">2</a></li>
                        <li><a href="" title="我校第八届校园心理剧大赛决赛顺利举行" data-image="image/photo2.jpg" data-url="" onclick="clickShowPic(this);return false;">3</a></li>
                        <li><a href="" title="我校第八届校园心理剧大赛复赛顺利举行" data-image="image/photo1.jpg" data-url="" onclick="clickShowPic(this);return false;">4</a></li>
                    </ul>
                    <div>
                        <img id="placeholder" src="" alt="新闻图片">
                        <p><a id="description" href="">新闻标题</a></p>
                    </div>
                </div>
                <script src="move_Pic.js"></script>
                <!--新闻播报-->
                <div class="news_report">
                    <div class="clear"></div>
                    <div class="news_title">
                        <span class="block title_center">新闻播报</span>
                        <div class="more"><a href="#">更多>></a></div>
                    </div>
                    <div class="news_content">
                        <ul>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>
                            <li><a href="#">2017级主校区班级心理委员第二期培训圆满结束</a><span class="time">2018/4/16</span></li>

                        </ul>
                    </div>
                </div>
                <!--特色活动-->
                <div class="news_special">
                    <div class="clear"></div>
                    <div class="news_title">
                        <span class="block title_center">特色活动</span>
                        <div class="more"><a href="#">更多>></a></div>
                    </div>
                    <div class="news_content">
                        <div class="news_content_photo">
                            <ul>
                                <li class="img1"><img src="./image/content_photo1.jpg" alt="图片1"></li>
                                <li class="img2"><img src="./image/content_photo2.jpg" alt="图片2"></li>
                            </ul>
                        </div>
                        <div class="news_content_part">
                            <ul>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                                <li><a href="#">信息学院召开心理剧比赛动员会</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
                <!--心协新闻-->
                <div class="association">
                    <div class="clear"></div>
                    <div class="news_title">
                        <span class="block title_center">心协新闻</span>
                        <div class="more"><a href="#">更多>></a></div>
                    </div>
                    <div class="news_content">
                        <div class="news_content_photo">
                            <ul>
                                <li class="img1"><img src="./image/content_photo3.jpg" alt="图片3"></li>
                                <li class="img2"><img src="./image/content_photo4.jpg" alt="图片4"></li>
                            </ul>
                        </div>
                        <div class="news_content_part">
                            <ul>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                                <li><a href="#">拒绝冷漠，给他人拥抱</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
                <!--qq在线咨询-->
                <div class="consult">
                    <div class="clear"></div>
                    <div class="news_title">
                        <span class="block title_center">QQ在线咨询</span>
                    </div>
                    <div class="news_content">
                        <div class="teacher">
                            <ul>
                                <li><img src="./image/teacher_one.jpg" alt=""></li>
                                <li><img src="./image/teacher_two.jpg" alt=""></li>
                                <li><img src="./image/teacher_three.jpg" alt=""></li>
                                <li><img src="./image/teacher_four.jpg" alt=""></li>
                            </ul>
                        </div>
                        <div class="qq_consult">
                            <ul>
                                <li><img src="./image/QQ.gif" alt="老师1qq"></li>
                                <li><img src="./image/QQ.gif" alt="老师2qq"></li>
                                <li><img src="./image/QQ.gif" alt="老师3qq"></li>
                                <li><img src="./image/QQ.gif" alt="老师4qq"></li>
                            </ul>
                        </div>

                    </div>


                </div>

            </div>
        </div>
        <!--链接-->
        <div class="links">

            <div class="content">
                <div class="border">
                    <span class="block_left"></span>
                    <span class="block_center">
                        <div class="links_content">
                    <ul>
                        <li><a href="http://xueronghua.bnu.edu.cn/"><img src="./image/links/1.png" alt=""></a></li>
                        <li><a href="https://www.geyanw.com/"><img src="./image/links/2.png" alt=""></a></li>
                        <li><a href="https://www.baidu.com/"><img src="./image/links/3.jpg" alt=""></a></li>
                        <li><a href="http://www.qq.com/"><img src="./image/links/4.jpg" alt=""></a></li>
                        <li><a href="http://china.nba.com/"><img src="./image/links/5.jpg" alt=""></a></li>
                        <li><a href="http://www.people.com.cn/"><img src="./image/links/6.gif" alt=""></a></li>
                    </ul>
                </div>
                    </span>
                    <span class="block_right"></span>
                </div>

            </div>
        </div>
    </div>
    <!--页面底部-->
    <div class="footer">
        <div class="menu">
            <a href="#"><span>首页</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>中心概况</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>心闻视野</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>心理空间</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>心理测试</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>心理协会</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>心灵鸡汤</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>心情留言</span></a>
            &emsp;<span>|</span>&emsp;
            <a href="#"><span>用户注册</span></a>
        </div>
        <address>
            版权所有：学科网站&emsp;&emsp;&emsp;陕ICP备111111号

        </address>
    </div>
</div>

</body>
</html>